<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%@ page import="triperest.*" %>
<%@ page import="java.util.ArrayList" %>
<%
response.setHeader("Cache-Control","no-cache"); //HTTP 1.1
response.setHeader("Pragma","no-cache"); //HTTP 1.0
response.setDateHeader ("Expires", 0); //prevents caching at the proxy server
%>
<html>
  <head>
    <%@ include file="head.jsp" %>
    <script src="js/index.js" type="text/javascript"></script>
    <script type="text/javascript" src="http://code.google.com/apis/gears/gears_init.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/geo.js" charset="utf-8"></script>
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
    <script type="text/javascript">
	    function geoSuccessCallback(p) {
			if(typeof p.address.region != 'undefined') {
				if(typeof p.address.city != 'undefined')
					$('input[name=location]').val(p.address.city+', '+p.address.region)
				else
					$('input[name=location]').val(p.address.region);
				Maps.buildGeoLocationMarker({name:$('input[name=location]').val(), content:"Current Location"})
			}
		}
		
		function geoErrorCallback(p) {
			//alert(p.message);
		}
		
		$(document).ready(function() {
			
			if(typeof geo_position_js != 'undefined' && geo_position_js.init()){		
				geo_position_js.getCurrentPosition(geoSuccessCallback, geoErrorCallback, {enableHighAccuracy:true});
			}
		});
    </script>
  </head>

<body>
  
<%@ include file="header.jsp" %>

<div id="content">


    <div class="clear"></div>
    	
	<span style="display:none" id="destinationList"><%= Destination.getAllDestinations() %></span>
	
	<div id="map">
	<div id="startPage-CreateBox">
		<h2>Start Creating a trip!</h2>
		<h3>Tell us where you're starting from and where you're headed...then we'll get into the details</h3>
		
		<h4>Where are you starting from?</h4>
		<input id="" class="lrgInput" type="text" value="" name="start-location">
		<h4>What's your first stop?</h4>
		<input id="" class="lrgInput" type="text" value="" name="first-stop">
		<a id="planTrip" class="button rfloat">Create Trip</a>
	</div>
	
		<div id="trip-slides">
				    <div id="map_canvas"></div>
		</div>
	</div>

</div><!-- /#content -->
<div class="clear"></div>



  
<%@ include file="footer.jsp" %>  
  
  
  
  
  </body>
  
  
  
</html>
